<!DOCTYPE html>
<html lang="en" style="height: 100%;">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
	<meta name="mobile-web-app-capable" content="yes" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
	<link rel="stylesheet" href="css/desktop.css">
	<link rel="stylesheet" href="css/login.css">
	<link rel="stylesheet" href="css/tab.css">
	<link rel="stylesheet" href="module/toast/toast.style.css">
	<link rel="stylesheet" href="css/bootstrap-icons.css">
	<link rel="stylesheet" href="css/explorer.css">
	<link rel="stylesheet" href="css/edge.css">
	<link rel="stylesheet" href="module/viewer.js/viewer.min.css">
	<link rel="manifest" href="manifest.json">
	<script src="js/jq.min.js"></script>
	<script src="js/i18next.min.js"></script>
	<script src="head.js"></script>
	<script type="text/javascript">
		if ('serviceWorker' in navigator) {
		  window.addEventListener('load', () => {
			navigator.serviceWorker.register('sw.js').then(registration => {
			  console.log('SW registered: ', registration);
			}).catch(registrationError => {
			  console.log('SW registration failed: ', registrationError);
			});
		  });
		}
		let lang = localStorage.getItem('lang');
		if (!lang) {lang = 'en';}
		function parse_pwd(p, s) {
			let a = '';let total = s.length;
			for (let i = 0; i < p.length; i++) {
				if (i >= total) {a += String.fromCharCode(p[i].charCodeAt(0) ^ parseInt(s[i - total]));}
				else {a += String.fromCharCode(p[i].charCodeAt(0) ^ parseInt(s[i]));}}
			return a
		}
		$.ajaxSetup({beforeSend:function(xhr){xhr.setRequestHeader('lang', lang);}});
	</script>
	<base target="_blank">
	<title>Windows</title>
</head>
<body>
	<div id="loginback">
		<div style="top:1%;left:1%;position:absolute;">
			<select style="width:110px;border:none;background-color:var(--msg);" onchange="change_language(0);">
				<option value="en">English</option>
				<option value="zh_CN">简体中文</option>
			</select>
		</div>
		<div class="user"></div>
		<div class="name"><span class="i18n" key="login.username.label"></span><input class="i18n_p" id="username" type="text" autocomplete="off" placeholder="" key="login.username.input.placeholder"></div>
		<div class="name"><span class="i18n" key="login.password.label"></span><input class="i18n_p" id="password" type="password" autocomplete="off" placeholder="" key="login.password.input.placeholder"></div>
		<div class="i18n" id="login" onclick="login_sys(this);" key="login.button.text"></div>
	</div>
	<div id="datebox">
		<div class="tit">
			<p class="time">15:20:21</p>
			<p class="date">星期二, 2023年10月24日</p>
			<hr>
		</div>
		<div class="cont">
			<div class="head">
				<p>一</p><p>二</p><p>三</p><p>四</p><p>五</p><p>六</p><p>日</p>
			</div>
			<div class="body">
			</div>
		</div>
	</div>
	<div id="dock-box">
		<div class="dock" id="taskbar" style="display: none;" count="0"></div>
		<div id="toolbar"></div>
		<div class="a dock date" onclick="if($('#datebox').hasClass('show')) {
			$('.dock.date').removeClass('show');
			$('#datebox').removeClass('show');
			$('#datebox').removeClass('show-begin');
		}
		else {
			$('.dock.date').addClass('show');
			$('#datebox').css('left',$(this).position().left-125);
			$('#datebox').addClass('show-begin');
			$('#datebox').addClass('show');
		}">
			<p class="time">05:20:21</p>
			<p class="date">2023/10/01</p>
			<i class="bi bi-chevron-down"></i>
		</div>
	</div>
	<div id="desktop">
		<div class="i18n_w" ondblclick="openapp('explorer');" ontouchstart="openapp('explorer');" win12_title="" key="computer.title" oncontextmenu="return showcm(event,'desktop.icon',['explorer',-1]);" appname="explorer">
			<img src="img/explorer/thispc.svg" alt="thispc.svg" loading="lazy"><p class="i18n" key="computer"></p>
		</div>
		<div class="b i18n_w" ondblclick="openapp('setting');" ontouchstart="openapp('setting');" win12_title="" key="setting.title" oncontextmenu="return showcm(event,'desktop.icon',['setting',-1]);" appname="setting">
			<img src="img/setting.svg" alt="setting.svg" loading="lazy"><p class="i18n" key="setting"></p>
		</div>
		<div class="b i18n_w" ondblclick="openapp('edge');" ontouchstart="openapp('edge');" win12_title="" key="edge.title" oncontextmenu="return showcm(event,'desktop.icon',['edge',-1]);" appname="edge">
			<img src="img/edge.svg" alt="edge.svg" loading="lazy"><p class="i18n" key="edge"></p>
		</div>
		<div class="b i18n_w" ondblclick="open_game_center();" ontouchstart="open_game_center();" win12_title="" key="game.title" oncontextmenu="return showcm(event,'desktop.icon',['game',-1]);" appname="game">
			<img src="img/game.png" alt="game.png" loading="lazy"><p class="i18n" key="game"></p>
		</div>
		<span class="choose"></span>
		<p style="background-color: rgba(11,45,14,0);z-index:1;position: absolute;top:0;left:0;height:100%;width:100%" oncontextmenu="return showcm(event,'desktop');"></p>
	</div>
	<script>
		if (document.cookie.length > 55) {
			get_status();
		} else {
			$('#loginback').css('opacity', '1');
			$('#loginback').css('display', 'flex');
			document.getElementById('loginback').style.backgroundImage='url("img/pictures/undefined/background.jpg")';
		}
	</script>
	<div id="cm" tabindex="-1"><input class="foc"><list></list></div>
	<div id="dp"><list></list></div>
	<div id="descp"></div>
	<!--p id="translater" style="display: none;"></p-->
	<div id="notice-back"><div id="notice"><div class="cnt"></div><div class="btns"></div></div></div>
	<div class="window setting">
		<div class="resize-bar"></div>
		<div class="titbar">
			<img src="img/setting.svg" class="icon" alt="setting.svg" loading="lazy"><span><span class="title i18n" key="setting.window.title">设置</span><span class="save-status"></span></span>
			<div>
				<a class="a wbtg red" onclick="hidewin('setting')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('setting')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('setting')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/setting.svg" class="icon" alt="setting.svg" loading="lazy"></div>
		<div class="content" id="win-setting">
			<div class="menu">
				<a class="a user">
					<svg viewBox="0,0,257,344" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="user-clip1"><rect x="382" y="195" width="257" height="344" /></clipPath><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill3"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill4"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient></defs><g clip-path="url(#user-clip1)" transform="translate(-382 -195)"><path d="M637.755 433.872C642.215 515.221 579.577 537.983 508.011 537.983 436.444 537.983 376.676 507.833 383.513 437.11 383.109 425.234 389.59 414.133 398.634 409.891 413.82 402.768 444.753 402.936 507.484 402.997 570.214 403.058 609.164 402.279 621.521 407.947 633.878 413.614 638.011 424.609 637.755 433.872Z" fill="url(#user-fill3)" fill-rule="evenodd" /><path d="M422 285C422 235.847 461.623 196 510.5 196 559.377 196 599 235.847 599 285 599 334.153 559.377 374 510.5 374 461.623 374 422 334.153 422 285Z" fill="url(#user-fill4)" fill-rule="evenodd" /></g></svg>
					<div><p></p></div>
				</a>
				<list class="focs">
					<a class="enable user" onclick="apps.setting.page('user')"><img src="img/setting/user.png" alt="user.png" loading="lazy"><span class="i18n" key="setting.window.account">账户</span></a>
					<a class="enable appearance" onclick="apps.setting.page('appearance')"><img src="img/setting/personal.png" alt="personal.png" loading="lazy"><span class="i18n" key="setting.window.appearance">个性化</span></a>
					<a class="enable videos" onclick="apps.setting.page('videos')"><img src="img/files/video.svg" alt="video.svg" loading="lazy"><span class="i18n" key="setting.window.videos">视频</span></a>
				</list>
			</div>
			<div class="page">
				<div class="cnt user show">
					<p class="title i18n" key="setting.window.account">账户</p>
					<div style="display: flex;">
						<a class="a user" style="display:flex">
							<svg viewBox="0,0,257,344" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background-color: var(--hover-b);width: 60px;height: 60px;border-radius: 50%;padding: 11px;margin-right: 15px;margin-bottom: 15px;" overflow="hidden"><defs><clipPath id="user-clip1"><rect x="382" y="195" width="257" height="344" /></clipPath><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill3"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient><linearGradient x1="351.462" y1="233.56" x2="669.496" y2="500.422" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="user-fill4"><stop offset="0" stop-color="#A964C8" /><stop offset="0.35" stop-color="#A964C8" /><stop offset="0.87" stop-color="#2D8AD5" /><stop offset="1" stop-color="#2D8AD5" /></linearGradient></defs><g clip-path="url(#user-clip1)" transform="translate(-382 -195)"><path d="M637.755 433.872C642.215 515.221 579.577 537.983 508.011 537.983 436.444 537.983 376.676 507.833 383.513 437.11 383.109 425.234 389.59 414.133 398.634 409.891 413.82 402.768 444.753 402.936 507.484 402.997 570.214 403.058 609.164 402.279 621.521 407.947 633.878 413.614 638.011 424.609 637.755 433.872Z" fill="url(#user-fill3)" fill-rule="evenodd" /><path d="M422 285C422 235.847 461.623 196 510.5 196 559.377 196 599 235.847 599 285 599 334.153 559.377 374 510.5 374 461.623 374 422 334.153 422 285Z" fill="url(#user-fill4)" fill-rule="evenodd" /></g></svg>
							<div style="margin-top: 5px;"><p></p></div>
						</a>
					</div>
					<div class="setting-list">
						<a class="dp modify-pwd" onclick="$('.dp.modify-pwd').toggleClass('show');">
							<icon></icon><div><p class="i18n" key="setting.window.account.modify.pwd">修改密码</p><p class="i18n" key="setting.window.account.modify.pwd.tips">修改系统登录密码</p></div><i class="bi bi-chevron-down"></i></a>
						<div class="dp modify-pwd">
							<label class="i18n" key="setting.window.account.modify.new.pwd">输入新密码：</label><input type="password" id="setting-pwd1" style="margin-right: 2%;">
							<label class="i18n" key="setting.window.account.modify.new.pwd.again">再次输入新密码：</label><input type="password" id="setting-pwd2" style="margin-right: 2%;">
							<a class="i18n" onclick="modify_pwd();" style="cursor: pointer; color: blue;" key="submit">确定</a>
						</div>
						<a class="dp" onclick="logout();">
							<icon></icon><div><p class="i18n" key="setting.window.account.logout">退出登录</p><p></p></div><i class="bi bi-chevron-right"></i></a>
					</div>
				</div>
				<div class="cnt appearance">
					<p class="title i18n" key="setting.window.appearance">个性化</p>
					<div class="setting-list" style="margin-top: 10px;">
						<a class="dp app-color" onclick="$('.dp.app-color.upload').toggleClass('show');">
							<icon></icon>
							<div>
								<p class="i18n" key="setting.window.appearance.background.image">设置背景图片</p>
								<p class="i18n" key="setting.window.appearance.background.image.tips">设置桌面背景图片</p>
							</div><i class="bi bi-chevron-down"></i>
						</a>
						<input type="file" name="filename" id="back-img-input" accept=".jpg" style="display: none">
						<div class="dp app-color upload">
							<a class="i18n" onclick="upload_back_img();" style="cursor:pointer;" key="setting.window.appearance.background.image.upload">上传图片</a>
							<br />
						</div>
						<a class="dp app-color" onclick="toggletheme();">
							<div class="a dock theme" onclick="toggletheme()">
								<svg viewBox="0,0,307,307" class="light" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="theme-light-clip0"><rect x="79" y="77" width="307" height="307" /></clipPath><linearGradient x1="128.499" y1="49.9991" x2="337.501" y2="412.001" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="theme-light-fill1"><stop offset="0" stop-color="#FFC567" /><stop offset="0.18" stop-color="#FFC567" /><stop offset="0.8" stop-color="#EE54F2" /></linearGradient></defs><g clip-path="url(#theme-light-clip0)" transform="translate(-79 -77)"><path d="M80 231C80 146.5 148.5 78 233 78 317.5 78 386 146.5 386 231 386 315.5 317.5 384 233 384 148.5 384 80 315.5 80 231Z" fill="url(#theme-light-fill1)" fill-rule="evenodd" /></g></svg>
								<svg viewBox="0,0,275,294" class="dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="hidden"><defs><clipPath id="theme-dark-clip0"><rect x="525" y="230" width="275" height="294" /></clipPath><linearGradient x1="599.492" y1="203.887" x2="725.508" y2="550.113" gradientUnits="userSpaceOnUse" spreadMethod="reflect" id="theme-dark-fill1"><stop offset="0" stop-color="#2474B6" /><stop offset="0.42" stop-color="#2474B6" /><stop offset="0.98" stop-color="#FFD966" /><stop offset="1" stop-color="#FFD966" /></linearGradient></defs><g clip-path="url(#theme-dark-clip0)" transform="translate(-525 -230)"><path d="M635.002 236.062C638.664 240.491 639.245 246.694 636.469 251.721 625.869 271.094 620.334 292.809 620.372 314.869 620.372 388.255 680.469 447.679 754.537 447.679 764.199 447.679 773.604 446.675 782.643 444.759 788.307 443.538 794.156 445.809 797.493 450.526 801.036 455.459 800.803 462.148 796.925 466.824 767.803 502.434 724.103 523.073 677.976 523 593.458 523 525 455.217 525 371.701 525 308.846 563.757 254.933 618.942 232.083 624.588 229.708 631.132 231.329 635.002 236.062Z" fill="url(#theme-dark-fill1)" fill-rule="evenodd" /></g></svg>
							</div>
							<div><p class="i18n" key="setting.window.appearance.theme.switch">切换主题</p><p class="i18n" key="setting.window.appearance.theme.switch.tips">切换明/暗主题</p></div><i class="bi bi-chevron-right"></i>
						</a>
						<a class="dp app-color" onclick="toggle_transparent();">
							<icon></icon>
							<div><p class="i18n" key="setting.window.appearance.transparent.switch">切换窗口透明度</p><p class="i18n" key="setting.window.appearance.transparent.tips">切换窗口透明/不透明</p></div><i class="bi bi-chevron-right"></i>
						</a>
						<a class="dp app-color" onclick="$('.dp.app-color.lang').toggleClass('show');">
							<icon></icon>
							<div>
								<p class="i18n" key="setting.window.appearance.language">设置多语言</p>
								<p class="i18n" key="setting.window.appearance.language.tips">请选择语言，如果没有，请先配置</p>
							</div><i class="bi bi-chevron-down"></i>
						</a>
						<div class="dp app-color lang">
							<select style="width:190px;height:33px;background-color:var(--bar);" onchange="change_language(1);">
								<option value="en">English</option>
								<option value="zh_CN">简体中文</option>
							</select>
						</div>
					</div>
				</div>
				<div class="cnt videos">
					<p class="title i18n" key="setting.window.videos">视频</p>
					<div class="setting-list" style="margin-top: 10px;">
						<a class="dp app-color" onclick="play_local_video();">
							<icon></icon><div><p class="i18n" key="setting.window.videos.play.video">播放本地视频</p><p class="i18n" key="setting.window.videos.play.video.tips">不费流量，请选择本地视频文件</p></div><i class="bi bi-chevron-right"></i>
						</a>
						<input type="file" name="filename" id="play_local_video" accept="video/*" style="display: none">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="window explorer tabs">
		<div class="resize-bar"></div>
		<div class="titbar">
			<img src="img/explorer.svg" class="icon" alt="explorer.svg" loading="lazy"><span style="display: none;"><span class="title i18n" key="explore.window.title">文件资源管理器</span><span class="save-status"></span></span>
			<div class="tabs"></div>
			<div>
				<a class="a wbtg red" onclick="hidewin('explorer')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('explorer')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('explorer')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/explorer.svg" class="icon" alt="explorer.svg" loading="lazy"></div>
		<div class="content" id="win-explorer">
			<div class="path">
				<a class="a btn btn-icon back"><i class="bi bi-arrow-left"></i></a>
				<a class="a btn btn-icon front"><i class="bi bi-arrow-right"></i></a>
				<a class="a btn btn-icon goback"><i class="bi bi-arrow-up"></i></a>
				<p class="tit"></p>
				<div class="search">
					<input type="text" id="search-file" class="input i18n_p" key="explore.window.search.input.placeholder" placeholder="搜索当前目录中的内容">
				</div>
			</div>
			<div class="page">
				<div class="menu">
					<div class="card pinned">
						<p class="title"><img style="width: 18px; height: 18px; margin-top: 2px; margin-right: 5px; float: left;" src="img/explorer/qa.png" alt="qa.png" loading="lazy"><span class="i18n" key="explore.window.menu.card.title"> 快速访问</span></p>
						<list>
							<a class="check" onclick="apps.explorer.reset();"><span style="background:linear-gradient(180deg, var(--theme-1), var(--theme-2));width:4px;height: 19px;border-radius: 10px;margin-left: -12px;margin-right: 8px;margin-top: 1px;"></span>
								<img src="img/explorer/thispc.svg" alt="thispc.svg" loading="lazy"><span class="i18n" key="computer">此电脑</span></a>
							<a onclick="apps.explorer.garbage();"><span style="display: none; background:linear-gradient(180deg, var(--theme-1), var(--theme-2));width:4px;height: 19px;border-radius: 10px;margin-left: -12px;margin-right: 8px;margin-top: 1px;"></span>
								<img src="img/explorer/rb.png" alt="rb.png" loading="lazy"><span class="i18n" key="explore.window.menu.garbage.title">回收站</span></a>
							<a onclick="apps.explorer.share_list();"><span style="display: none; background:linear-gradient(180deg, var(--theme-1), var(--theme-2));width:4px;height: 19px;border-radius: 10px;margin-left: -12px;margin-right: 8px;margin-top: 1px;"></span>
								<img src="img/explorer/share.svg" alt="share.svg" loading="lazy"><span class="i18n" key="explore.window.menu.share.title">我的分享</span></a>
							<a onclick="openapp('calc');"><img src="img/calc.svg" alt="calc.svg" loading="lazy"><span class="i18n" key="explore.window.menu.calc.title">计算器</span></a>
							<a onclick="openapp('python');"><img src="img/python.svg" alt="python.svg" loading="lazy"><span>Python</span></a>
							<a onclick="openapp('whiteboard');"><img src="img/whiteboard.svg" alt="whiteboard.svg" loading="lazy"><span>Whiteboard</span></a>
							<a onclick="openapp('setting');"><img src="img/setting.svg" alt="etting.svg" loading="lazy"><span class="i18n" key="setting">设置</span></a>
						</list>
					</div>
				</div>
				<div class="main">
					<div class="tool">
						<a class="act asd dropdown-container">
							<span class="i18n" style="margin-top: 2px; margin-right: 6px;" key="explore.window.file.tool.file.title">新建文件</span>
							<ul class="dropdown-list">
								<li class="i18n" onclick="apps.explorer.add($('#win-explorer>.path>.tit')[0].id,'file','txt');" key="explore.window.file.tool.file.title.txt">新建txt文件</li>
								<li class="i18n" onclick="apps.explorer.add($('#win-explorer>.path>.tit')[0].id,'file','md');" key="explore.window.file.tool.file.title.md">新建md文件</li>
							</ul>
						</a>
						<a class="a b act asd i18n_t" title="新建文件夹" key="explore.window.file.tool.folder.title"
							onclick="apps.explorer.add($('#win-explorer>.path>.tit')[0].id,type='folder');"><img src="img/explorer/folder.png" alt="folder.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="重命名" onclick="rename_selected();" key="explore.window.file.tool.rename.title"><img src="img/explorer/rename.png" alt="rename.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="移动文件/文件夹" onclick="move_files();" key="explore.window.file.tool.move.title"><img src="img/explorer/move.png" alt="move.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="复制文件" onclick="copy_selected();" key="explore.window.file.tool.copy.title"><img src="img/explorer/new_file.png" alt="new_file.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="上传本地文件" onclick="upload_file();" key="explore.window.file.tool.upload.title"><img src="img/explorer/upload.png" alt="upload.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="导出多个文件或一个文件夹" onclick="apps.explorer.export();" key="explore.window.file.tool.export.title"><img src="img/explorer/export.png" alt="export.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="分享文件" onclick="shownotice('share');" key="explore.window.file.tool.share.title"><img src="img/explorer/share_file.png" alt="share_file.png" loading="lazy"></a>
						<a class="a b act dsa i18n_t" title="从回收站还原文件" onclick="delete_selected(0, 0, 0);" style="display: none;" key="explore.window.file.tool.restore.title"><img src="img/explorer/recovery.png" alt="recovery.png" loading="lazy"></a>
						<a class="a b act asd i18n_t" title="删除文件/文件夹" onclick="delete_selected(1, 1, 0);" key="explore.window.file.tool.delete.title"><img src="img/explorer/delete.png" alt="delete.png" loading="lazy"></a>
						<a class="a b act dsa i18n_t" title="彻底删除文件/文件夹" onclick="delete_selected(0, 0, 1);" style="display: none;" key="explore.window.file.tool.delete1.title"><img src="img/explorer/delete.png" alt="delete.png" loading="lazy"></a>
						<a class="a b act dsa i18n_t" title="清空回收站" onclick="delete_selected(0, 0, 2);" style="display: none;" key="explore.window.file.tool.clear.title"><img src="img/explorer/clear_rb.png" alt="clear_rb.png" loading="lazy"></a>
					</div>
					<div class="content" onclick="" oncontextmenu="return showcm(event,'explorer.content',null);">
						<div class="header"><input type="checkbox" id="all_files" style="float: left; padding-top: 8px;margin-right: 8px;">
							<div class="row"><span style="width: 40%; padding-left: 1%;"><span class="i18n" key="explore.window.file.list.header.name">名称</span><button id="name-sort"></button></span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.list.header.type">类型</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.list.header.size">大小</span>
								<span style="width: 20%;"><span class="i18n" key="explore.window.file.list.header.update.time">修改时间</span><button id="update_time-sort" class="desc"></button></span>
								<span style="width: 20%;"><span class="i18n" key="explore.window.file.list.header.create.time">创建时间</span><button id="id-sort"></button></span></div>
						</div>
						<div class="view"></div>
					</div>
				</div>
				<div class="main-share">
					<div class="content" onclick="" oncontextmenu="">
						<div class="header">
							<div class="row"><span class="i18n" style="width: 38%; padding-left: 2%;" key="explore.window.file.list.header.name">名称</span>
								<span class="i18n" style="width: 12%;" key="explore.window.file.share.list.header.times.open">已打开次数</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.share.list.header.times.total">总次数</span>
								<span class="i18n" style="width: 20%;" key="explore.window.file.share.list.header.time">分享时间</span>
								<span class="i18n" style="width: 20%;" key="setting.window.shell.server.list.action">操作</span></div>
						</div>
						<div class="view"></div>
					</div>
				</div>
				<div class="main-download">
					<div class="content" onclick="" oncontextmenu="">
						<div class="header">
							<div class="row"><span class="i18n" style="width: 33%; padding-left: 2%;" key="explore.window.file.list.header.name">名称</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.list.header.size">大小</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.download.list.header.progress">下载进度</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.download.list.header.status">状态</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.download.list.header.speed">下载速度</span>
								<span class="i18n" style="width: 10%;" key="explore.window.file.download.list.header.eta">剩余时间</span>
								<span class="i18n" style="width: 15%;" key="setting.window.shell.server.list.action">操作</span></div>
						</div>
						<div class="view"></div>
					</div>
				</div>
				<input type="file" name="filename" id="fileUpload-input" multiple style="display: none">
			</div>
		</div>
	</div>
	<div class="modal_cover"><div class="modal_gif"></div><progress id="progressBar" value="0" max="100"></progress></div>
	<div class="window calc">
		<div class="titbar">
			<img src="img/calc.svg" class="icon" alt="calc.svg" loading="lazy"><span><span class="title i18n" key="explore.window.menu.calc.title">计算器</span><span class="save-status"></span></span>
			<div>
				<a class="a wbtg red" onclick="hidewin('calc')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" style="pointer-events: none;color: #777;"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('calc')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/calc.svg" class="icon" alt="calc.svg" loading="lazy"></div>
		<div class="content" id="win-calc">
			<div class="container"><input id="calc-input" readonly value="0" onkeydown="
				switch (event.key) {
					case '+':
						appCalculator.func_key(1);
						appCalculator.check($('#win-calc>.keyb>.jia')[0]);
						break;
					case '-':
						appCalculator.func_key(2);
						appCalculator.check($('#win-calc>.keyb>.jian')[0]);
						break;
					case '*':
						appCalculator.func_key(3);
						appCalculator.check($('#win-calc>.keyb>.cheng')[0]);
						break;
					case '/':
						appCalculator.func_key(4);
						appCalculator.check($('#win-calc>.keyb>.chu')[0]);
						break;
					case '=':
						appCalculator.eq();
						break;
					case 'Enter':
						appCalculator.eq();
						break;
					case 'Backspace':
						appCalculator.backspace();
						break;
					case '.':
						appCalculator.point();
						break;
				}
				if (!isNaN(event.key)) {
					appCalculator.number_key(Number(event.key));
				}
			"></div>
			<div class="keyb">
				<a class="a b" onclick="appCalculator.square('calc-input')">𝑥²</a>
				<a class="a b" onclick="appCalculator.squareRoot('calc-input')">√𝑥</a>
				<a class="a b" onclick="appCalculator.clear_num('calc-input')">C</a>
				<a class="a b u jia" onclick="appCalculator.func_key(1); appCalculator.check(this);">+</a>
				<a class="a b" onclick="appCalculator.number_key(7);">7</a>
				<a class="a b" onclick="appCalculator.number_key(8);">8</a>
				<a class="a b" onclick="appCalculator.number_key(9);">9</a>
				<a class="a b u jian" onclick="appCalculator.func_key(2); appCalculator.check(this);">-</a>
				<a class="a b" onclick="appCalculator.number_key(4);">4</a>
				<a class="a b" onclick="appCalculator.number_key(5);">5</a>
				<a class="a b" onclick="appCalculator.number_key(6);">6</a>
				<a class="a b u cheng" onclick="appCalculator.func_key(3); appCalculator.check(this);">×</a>
				<a class="a b" onclick="appCalculator.number_key(1);">1</a>
				<a class="a b" onclick="appCalculator.number_key(2);">2</a>
				<a class="a b" onclick="appCalculator.number_key(3);">3</a>
				<a class="a b u chu" onclick="appCalculator.func_key(4); appCalculator.check(this);">÷</a>
				<a class="a b" onclick="appCalculator.point()">.</a>
				<a class="a b" onclick="appCalculator.number_key(0);">0</a>
				<a class="a b" onclick="appCalculator.backspace('calc-input')"><i class="bi bi-backspace"></i></a>
				<a class="a b ans u" onclick="if(!appCalculator.eq('calc-input')){ appCalculator.clear_num(); shownotice('ZeroDivision')}">=</a>
			</div>
		</div>
	</div>
	<div class="window notepad">
		<div class="resize-bar"></div>
		<div class="titbar">
			<img src="img/notepad.svg" class="icon" alt="notepad.svg" loading="lazy"><span><span class="title i18n" key="explore.window.menu.notepad.title">记事本</span><span class="save-status"></span></span>
			<input type="text" id="notepad-length" value="" name="" style="display: none;">
			<div>
				<a class="a wbtg red" onclick="hidewin('notepad');"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('notepad')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('notepad')"><i class="bi bi-dash-lg"></i></a>
				<a class="a wbtg export i18n_t" title="转成 HTML 并下载" key="document.window.tool.download.title" onclick="$('#win-notepad>.save').attr('href', window.URL.createObjectURL(new Blob([$('#win-notepad>.text-box').html()])));$('#win-notepad>.save')[0].click();"><i class="bi bi-download"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/notepad.svg" class="icon" alt="notepad.svg" loading="lazy"></div>
		<div class="content" id="win-notepad">
			<div class="text-box" contenteditable="true" spellcheck="false"><p></p></div>
			<a href="" download="未命名.html" style="opacity: 0;" class="save">另存为</a>
		</div>
	</div>
	<div class="window python terminal-apps">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/python.svg" class="icon" alt="python.svg" loading="lazy"><span><span class="title">Python 3.12.1</span><span class="save-status"></span></span><div>
				<a class="a wbtg red" onclick="hidewin('python')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('python')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('python')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/python.svg" class="icon" alt="python.svg" loading="lazy"></div>
		<div class="content" id="win-python" onmouseup="$('#win-python input').focus();" ontouchend="$('#win-python input').focus();">
            <pre>
				Python 3.12.1 (main, Jul 26 2024, 14:03:47) [MSC v.1938 64 bit (AMD64)] on win32
				Type "help", "copyright", "credits" or "license" for more information.
			</pre>
			<pre class="text-cmd"></pre>
			<pre>>>> <input type="text" onkeyup="if (event.keyCode === 13) { apps.python.run(); }"></pre>
		</div>
	</div>
	<div class="window pythonEditor">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/python.svg" class="icon" alt="python.svg" loading="lazy"><span><span class="title">Python Editor</span><span class="save-status"></span></span><div>
				<a class="a wbtg red"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('pythonEditor')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('pythonEditor')"><i class="bi bi-dash-lg"></i></a>
				<a class="a wbtg run" onclick="document.getElementById('iframe_pythonEditor').contentWindow.run();"><i class="bi bi-play"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/python.svg" class="icon" alt="python.svg" loading="lazy"></div>
		<div class="content" id="win-pythonEditor"><iframe id="iframe_pythonEditor" src=""></iframe></div>
	</div>
	<div class="window edge tabs" onmousemove="if(apps.edge.in_div('over-bar',event)||apps.edge.in_div('edge-path-bar',event)||apps.edge.in_div('edge-titbar',event)){null}else{if(apps.edge.fuls){$('.edge>.titbar').hide();$('.edge>.content>.tool').hide()}}">
		<div class="resize-bar"></div>
		<div style="height:3px;width:100%;display: none;" id="over-bar" onmouseover="if(apps.edge.fuls){$('.edge>.titbar').show();$('.edge>.content>.tool').show()}" onmouseleave="if(apps.edge.fuls&&(apps.edge.b1||apps.edge.b2)){$('.edge>.titbar').hide();$('.edge>.content>.tool').hide()}"></div>
		<div class="titbar" onmouseleave="apps.edge.b1=false;" onmouseover="apps.edge.b1=true;" id="edge-titbar"><img src="img/edge.svg" class="icon" alt="edge.svg" loading="lazy"><span style="display: none;"><span class="title">Microsoft Edge</span><span class="save-status"></span></span>
			<div class="tabs"></div>
			<div>
				<a class="a wbtg red" onclick="document.getElementById('iframe_edge').src = 'about:blank';hidewin('edge')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('edge');apps.edge.max=!apps.edge.max;" id="edge-max"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="apps.edge.exitfullscreen()" id="fuls-edge-exit" style="display: none;"><i class="bi bi-arrows-angle-contract" id="fuls-edge-i"></i></a>
				<a class="a wbtg" onclick="minwin('edge')"><i class="bi bi-dash-lg"></i></a>
				<a class="a wbtg" onclick="apps.edge.fullscreen()" id="fuls-edge"><i class="bi bi-arrows-angle-expand" id="fuls-edge-i"></i></a>
			</div>
		</div>
		<div class="loadback">
			<img src="img/edge.svg" class="icon" alt="edge.svg" loading="lazy">
		</div>
		<div class="content" id="win-edge">
			<div class="tool" onmouseleave="apps.edge.b2=false;" onmouseover="apps.edge.b2=true;" id="edge-path-bar">
				<a class="a back" onclick="apps.edge.back(apps.edge.tabs[apps.edge.now][0]);">
					<i class="bi bi-arrow-left-short" style="font-size: 25px;--top:-5px;"></i>
				</a>
				<a class="a front" onclick="apps.edge.front(apps.edge.tabs[apps.edge.now][0]);">
					<i class="bi bi-arrow-right-short" style="font-size: 25px;--top:-5px;"></i>
				</a>
				<a class="a" onclick="apps.edge.reload()">
					<i class="bi bi-arrow-clockwise"></i>
				</a>
				<input class="url i18n_p" type="text" onkeyup="if(event.keyCode===13&&$(this).val()!==''){apps.edge.goto($(this).val())}"
					placeholder="" spellcheck="false" id="edge-path" key="edge.window.tool.input.placeholder">
				<input type="text" onkeyup="if(event.keyCode===13&&$(this).val()!==''){m_tab.rename('edge',$(this).val());}"
					placeholder="为标签页命名" class="rename i18n_P" spellcheck="false" key="edge.window.tab.rename.placeholder">
				<a class="a">
					<i class="bi bi-info-circle i18n_w" win12_title="" key="edge.window.tool.tips"></i>
				</a>
				<script>
				function add_save(){
					t = document.getElementById('edge-path').value
					if(t.length>7){
						t = t.substring(0,7) + '...';
					}
					document.getElementById('save-bar').innerHTML += "<a onclick='apps.edge.goto(`" + document.getElementById('edge-path').value +  "`)' win12_title='" + document.getElementById('edge-path').value + "' class='save-item'><i class='bi bi-file-earmark'></i>" + t + "</a>";
				}
				</script>
				<a class="a" style="filter: contrast(0.2);" onclick="add_save()">
					<i class="bi bi-star"></i>
				</a>
				<a class="a" style="filter: contrast(0.2);">
					<i class="bi bi-code-slash"></i>
				</a>
		    </div>
			<div id="save-bar" style="margin:10px;margin-top: 3px;">
				<a onclick="apps.edge.goto('https://blog.ihuster.top')" win12_title="博客" class="save-item"><i class="bi bi-file-earmark"></i>博客</a>
				<a onclick="apps.edge.goto('https://www.musicenc.com')" win12_title="MusicEnc" class="save-item"><i class="bi bi-file-earmark"></i>MusicEnc</a>
				<a onclick="apps.edge.goto('https://music.txqq.pro')" win12_title="全网音乐免费下载" class="save-item"><i class="bi bi-file-earmark"></i>全网音乐免费下载</a>
				<a onclick="apps.edge.goto('https://tool.liumingye.cn/music')" win12_title="MyFreeMP3" class="save-item"><i class="bi bi-file-earmark"></i>MyFreeMP3</a>
				<a onclick="apps.edge.goto('https://cctrax.com')" win12_title="cctrax" class="save-item"><i class="bi bi-file-earmark"></i>free music</a>
				<a onclick="apps.edge.goto('https://xbeibeix.com/api/bilibili')" win12_title="bilibili" class="save-item"><i class="bi bi-file-earmark"></i>B站视频下载</a>
			</div>
			<iframe id="iframe_edge" class="0 show" onmousemove="if(apps.edge.fuls){$('.edge>.titbar').hide();$('.edge>.content>.tool').hide()}"></iframe>
		</div>
	</div>
	<div class="window whiteboard">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/whiteboard.svg" class="icon" alt="whiteboard.svg" loading="lazy"><span><span class="title">Whiteboard</span><span class="save-status"></span></span><div>
				<a class="a wbtg red" onclick="hidewin('whiteboard')"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('whiteboard')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('whiteboard')"><i class="bi bi-dash-lg"></i></a>
				<a class="a wbtg" onclick="apps.whiteboard.download()"><i class="bi bi-download"></i></a>
			</div>
		</div>
		<div class="loadback">
			<img src="img/whiteboard.svg" class="icon" alt="whiteboard.svg" loading="lazy">
		</div>
		<div class="content" id="win-whiteboard">
			<a class="download" href="" download="Picture.png"></a>
			<canvas onmousedown="apps.whiteboard.draw(event);" ontouchstart="apps.whiteboard.draw(event);"></canvas>
			<div class="toolbar">
				<div class="tools">
					<div class="pen1 active" onclick="apps.whiteboard.changePen.call(this)" data-color="red">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="red"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="pen2" onclick="apps.whiteboard.changePen.call(this)" data-color="orange">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="orange"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="pen3" onclick="apps.whiteboard.changePen.call(this)" data-color="yellow">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="yellow"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="pen4" onclick="apps.whiteboard.changePen.call(this)" data-color="green">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="green"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="pen5" onclick="apps.whiteboard.changePen.call(this)" data-color="blue">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="blue"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="pen6" onclick="apps.whiteboard.changePen.call(this)" data-color="purple">
						<svg xmlns="" width="76" height="75" viewBox="0 0 760 950"
							color="#e92a2a">
							<path
								d="M120 881c0-155 96-575 144-630 7-9 25-48 40-88 31-82 50-104 71-82 14 15 81 162 120 264 51 136 105 412 105 542v63h-30c-30 0-30-1-30-55v-55H180v55c0 54 0 55-30 55h-30v-69zm343-98l107-6v-44c0-84-95-447-122-464-15-10-148-12-172-3-27 10-114 328-123 452l-6 72h105c58 0 153-3 211-7zm-89-588c-4-8-10-15-15-15s-9 7-9 15 7 15 15 15c9 0 12-6 9-15z"
								fill="#020202"></path>
							<path fill="purple"
								d="M150 880v-70h420v140H150v-70zM305 213c10-42 47-123 55-123 9 0 60 112 60 134 0 13-11 16-61 16h-61l7-27z">
							</path>
						</svg>
					</div>
					<div class="eraser" onclick="apps.whiteboard.changePen.call(this)" data-color="eraser">
						<img src="img/whiteboard/marker.png" height="70" alt="marker.png" loading="lazy">
					</div>
					<div class="delete" onclick="apps.whiteboard.delete()">
						<img src="img/whiteboard/delete.png" height="60" alt="delete.png" loading="lazy">
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="window markdown">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/files/markdown.svg" class="icon" alt="markdown.svg" loading="lazy"><span><span class="title">MarkDown</span><span class="save-status"></span></span>
			<div>
				<a class="a wbtg red"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('markdown');"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('markdown');"><i class="bi bi-dash-lg"></i></a>
				<a class="a wbtg export i18n_t" title="导出成HTML" key="document.window.tool.download.title"><i class="bi bi-download"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/files/markdown.svg" class="icon" alt="markdown.svg" loading="lazy"></div>
		<div class="content"><iframe id="iframe_markdown" src=""></iframe></div>
	</div>
	<div class="window video" style="width: auto;">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/files/video.svg" class="icon" alt="video.svg" loading="lazy"><span><span class="title i18n" key="setting.window.videos">视频</span><span class="save-status"></span></span><div>
				<a class="a wbtg red" onclick="close_video();hidewin('video');"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('video')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('video')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/files/video.svg" class="icon" alt="video.svg" loading="lazy"></div>
		<div class="content" id="win-video"></div>
	</div>
	<div class="window picture">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/files/picture.svg" class="icon" alt="picture.svg" loading="lazy"><span><span class="title i18n" key="picture">图片</span><span class="save-status"></span></span><div>
				<a class="a wbtg red" onclick="hidewin('picture');"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('picture')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('picture')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/files/picture.svg" class="icon" alt="picture.svg" loading="lazy"></div>
		<div class="content" id="win-image"><img class="my_video" style="object-fit: contain;" src="" alt="picture" loading="lazy"></div>
	</div>
	<div class="window game">
		<div class="resize-bar"></div>
		<div class="titbar"><img src="img/game.png" class="icon" alt="game.png" loading="lazy"><span><span class="title">Game Center</span></span><div>
				<a class="a wbtg red" onclick="hidewin('game');"><i class="bi bi-x-lg"></i></a>
				<a class="a wbtg max" onclick="maxwin('game')"><i class="bi bi-app"></i></a>
				<a class="a wbtg" onclick="minwin('game')"><i class="bi bi-dash-lg"></i></a>
			</div>
		</div>
		<div class="loadback"><img src="img/game.png" class="icon" alt="game.png" loading="lazy"></div>
		<div class="content" id="win-game"><iframe id="iframe_game" src=""></iframe></div>
	</div>
	<script type="text/javascript">
		let optionToSelect = Array.from($('#loginback>div>select')[0].options).find(option => option.value === lang);
		if (optionToSelect) {optionToSelect.selected = true;}
		optionToSelect = Array.from($('#win-setting>.page>.appearance>.setting-list>.lang>select')[0].options).find(option => option.value === lang);
		if (optionToSelect) {optionToSelect.selected = true;}
		i18next.init({
			lng: lang,
			keySeparator: false,
			resources: {},
		});
		fetch(`language/${lang}.json`)
			.then(response => response.json())
			.then(data => {
				i18next.addResourceBundle(lang, 'translation', data, true);
				i18next.changeLanguage(lang, function (){
					let i18nList = document.getElementsByClassName('i18n');
					for (let i=0; i<i18nList.length; i++) {i18nList[i].innerText = i18next.t(i18nList[i].getAttribute('key'));}
					i18nList = document.getElementsByClassName('i18n_w');
					for (let i=0; i<i18nList.length; i++) {i18nList[i].setAttribute('win12_title', i18next.t(i18nList[i].getAttribute('key')));}
					i18nList = document.getElementsByClassName('i18n_t');
					for (let i=0; i<i18nList.length; i++) {i18nList[i].title = i18next.t(i18nList[i].getAttribute('key'));}
					i18nList = document.getElementsByClassName('i18n_p');
					for (let i=0; i<i18nList.length; i++) {i18nList[i].placeholder = i18next.t(i18nList[i].getAttribute('key'));}
				})
		});
	</script>
	<script src="js/login.js"></script>
	<script src="module/toast/toast.script.js"></script>
	<script src="module/viewer.js/viewer.min.js"></script>
	<script src="js/tab.js"></script>
	<script src="js/desktop.js"></script>
	<script src="js/md5.min.js" async></script>
</body>
</html>
